$light: (
  color: (0: transparent,
    1:#000,
    2:#fff,
    3:#333,
    4:#cccccc,
    5:$uni-color-primary,
    6:#666,
    7:#eee,
    8:#888,
    9:$uni-text-color-placeholder,
    10:$uni-color-warning,
    11:$uni-color-success,
    12:$uni-color-label,
    13:$uni-color-stress,
    14:$uni-color-error,
    15:$uni-text-color-inverse,
  ),
  background: (0: transparent,
    1:#000,
    2:#fff,
    3:$uni-bg-color,
    4:$uni-bg-color-section,
    5:$uni-bg-color-primary,
  )
);

$dark: (
  color:(transparent: transparent),
  background: (transparent: transparent)
);

$themes: (
  light: $light,
  dark: $dark,
);

$styleMaps: (
  color: color,
  background: bg,
  font-size: fs
);

@mixin set-theme($theme) {

  @each $key,
  $colors in map-get($themes, $theme) {

    @each $name,
    $color in $colors {
      #{if($theme == "dark", ".dark", "")} .#{map-get($styleMaps, $key)}-#{'' + $name} {
        #{$key}: $color !important;
      }
    }
  }
}

@each $theme,
$value in $themes {
  @include set-theme($theme);
}